* {
  margin: 0;
  padding: 0;
}
.login {
  height: 100vh;
  display: flex;
  justify-content: center;
  background-color: #f9f9f9;
  .main {
    display: flex;
    align-items: center;
    img {
      width: 300px;
      height: 560px;
    }
    .center {
      background-color: #006eff;
      width: 439px;
      height: 507px;
      margin: 80px;
      .text {
        text-align: center;
        color: #ffffff;
        overflow: hidden;
        p {
          font-size: 40px;
          margin-top: 45px;
        }
        p:nth-child(2) {
          font-size: 17px;
          margin-top: 23px;
          margin-bottom: 58px;
        }
      }
      .el-form {
        width: 380px;
        height: 40px;
        position: relative;
        .el-form-item {
          margin-bottom: 16px;
        }
        ::v-deep.el-form-item__label {
          font-size: 20px;
          color: #fff;
        }
        span {
          font-size: 13px;
          color: #fff;
          position: absolute;
          left: 250px;
          top: 120px;
        }
        button {
          position: absolute;
          left: 50px;
          top: 165px;
          width: 330px;
          height: 48px;
          background-color: rgba(255, 145, 56, 1);
          border: none;
          border-radius: 2px;
          box-shadow: none;
          font-weight: 400;
          font-style: normal;
          font-size: 17px;
          color: #ffffff;
          line-height: 20px;
        }
      }
    }
  }
}
